<template>
    <div class="footer">
        <div class="footer_left">
            <span :class="{ active: index == storeMain.classHeyueIndex }" v-for="(item, index) in storeMain.classHeyue"
                :key="index" @click="storeMain.setClassHeyueIndex(index)">
                <span
                    v-if="Object.values(item)[0]?.jiekou_id == 1 && storeChart.selectBodyListTable == '期货' && index != '外盘' || Object.values(item)[0]?.jiekou_id == 2 && storeChart.selectBodyListTable == '外盘' && index != '期货'">{{
                        index }}</span>
            </span>
            <i class="iconfonMy icon-jiahao"></i>
        </div>
        <!-- <div class="footer_right" @click="openKefu">
            <i class="iconfonMy icon-erji"></i><span>在线客服</span>
        </div> -->
    </div>
</template>

<script setup>
import { mainStore, chartStore } from '@/store/index.js';
const storeMain = mainStore();
const storeChart = chartStore();


// const openKefu = () => {
//     // window.open('https://chat7.live800.com/live800/chatClient/chatbox.jsp?companyID=821578&configID=61006&jid=9885186104&s=1')
// }
</script>
<style  scoped lang="scss">
.footer {
    background-color: #23262a;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 28px;
    height: 28px;
    padding: 0 10px;

    .footer_left {
        display: flex;
        align-items: center;
        padding: 0 20px;

        span {
            span {
                padding: 0 10px;
                position: relative;
            }
        }

        .active {
            color: #ba5c20;

            &:after {
                content: "";
                position: absolute;
                border-bottom: 1px #ba5c20 solid;
                width: 100%;
                left: 0;
                bottom: 0;
            }
        }
    }

    .footer_right {
        color: #ba5c20;
        font-weight: 700;
        font-size: 13px;

        i {
            color: #ba5c20;
            margin-right: 10px;
        }
    }
}
</style>